import React from 'react';
import { Tabs } from 'antd';

const { TabPane } = Tabs;

export const RealTabs = ({ items, children, ...props }) => {
  return (
    <div style={{ paddingBottom: '20px' }}>
      <Tabs {...props}>
        {items.map(({ label, key }, index) => (
          <TabPane forceRender key={key} tab={label}>
            {children[index]}
          </TabPane>
        ))}
      </Tabs>
    </div>
  );
};

export const RealTabContentWrapper = ({ minHeight, children }) => {
  return <div>{children}</div>;
};
